<script setup lang="ts">
defineOptions({
  // eslint-disable-next-line vue/no-reserved-component-names
  name: "Dashboard",
  inheritAttrs: false,
});

import { useUserStore } from "@/store/modules/user";
import { useTransition, TransitionPresets } from "@vueuse/core";

const userStore = useUserStore();

</script>

<template>
  <div class="dashboard-container">
		<div class="content">
			<div class="loginexam">
				<div class="ts show">
					欢迎来到<i>众联国控ERP</i>管理系统
				</div>
			</div>
		</div>
  </div>
</template>

<style lang="scss" scoped>
.dashboard-container {
  position: relative;
  padding: 24px;

}

.content{
	width: 100%;
	height: calc(100vh - 300px);
	display: flex;
	justify-content: center;
	align-items: center;
	.loginexam{
		    font-size: 30px;
		    color: #333;
		    text-align: center;
		    line-height: 40px;
		    background-size: auto 36px;
		    padding-top: 110px;
			background: url('../../assets/logo.png') no-repeat center center;
			background-size: 60px 60px;
		.ts{
			i{
				
				font-style: unset;
			}
		}
		.show{}
	}
}

</style>
